<!DOCTYPE>
<html>
<head>
<!-- 浏览器中显示自己的图表-->
<link rel="icon" href="../img/coco.png" type="image/x-icon" />
<link rel="shortcut icon" href="../img/coco.png" type="image/x-icon" />
<title>vue.js demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 xhtml 12小时入门教程" />
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
</head>
    <body>
    	<div id="app">

      </div>
      <script>
        var data = { a: 1 }
        var vm = new Vue({
        data: data
        })
        vm.a === data.a // -> true
        // 设置属性也会影响到原始数据
        vm.a = 2
        data.a // -> 2
        // ... 反之亦然
        data.a = 3
        vm.a // -> 3
      </script>
      
    </body>
</html>
